import { createWebHashHistory, createRouter } from "vue-router";

import Home from "../view/home.vue";
import About from "../view/about.vue";
import flexDemo from "../view/flexDemo.vue";
import gridDemo from "../view/gridDemo.vue";
import expandCard from "../view/expandCard.vue";
import editor from "../view/editor.vue";
import editorPro from "../view/editor-pro.vue";
import progress from "../view/progress.vue";
export const routes = [
  { path: "/", component: () => Home, name: "home" },
  { path: "/about", component: () => About, name: "about" },
  { path: "/flex", component: () => flexDemo, name: "flex" },
  { path: "/grid", component: () => gridDemo, name: "grid" },
  { path: "/expandCard", component: () => expandCard, name: "expandCard" },
  { path: "/editor", component: () => editor, name: "editor" },
  { path: "/editor-pro", component: () => editorPro, name: "editorPro" },
  { path: "/progress", component: () => progress, name: "progress" },
];

const router = createRouter({
  history: createWebHashHistory(),
  routes,
});
export default router;
